<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>南信工大数据平台-气象记录查询</title>
</head>
<link rel="stylesheet" href="./js/lib/layui-v2.4.3/css/layui.css">
<link rel="stylesheet" href="./css/common.css">
<link rel="stylesheet" href="./css/stationSearch.css">
<body>
    <div class="nuist-header">
        <i class="logo"></i>
        <a href="./index.html" class="link big">气象金融大数据平台</a>
        <a href="./map.html" class="link">气象台站基本观测历史数据可视化平台</a>
        <a href="./map.html" class="link">地图浏览模式</a>
        <a href="./stationSearch.html" class="link">台站检索模式</a>
    </div>
    <div class="nuist-body">
        <div class="search-box">
            <form class="layui-form" action="">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label" style="width:80px;">数据源：</label>
                        <div class="layui-input-inline inline-radio" style="width:200px;">
                            <input type="radio" name="type" value="1" title="基准站" checked>
                            <input type="radio" name="type" value="2" title="普通站">
                            <!-- <select name="type" lay-verify="" lay-filter="type">
                                <option value="1">基准站</option>
                                <option value="2">普通站</option>
                            </select> -->
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label" style="width:80px;">台站名称：</label>
                        <div class="layui-input-inline" style="width:300px;">
                            <input type="text" name="name" placeholder="请输入台站名称" autocomplete="off" class="layui-input station-name">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label" style="width:80px;">时间范围：</label>
                        <div class="layui-input-inline" style="width:300px;">
                            <input type="text" id="date" name="date" required  lay-verify="required" placeholder="请选择时间范围" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-inline">
                        <button class="layui-btn  layui-btn-sm search"><i class="layui-icon">&#xe615;</i> 筛选</button>
                    </div>
                </div>
            </form>
        </div>
        <div class="search-result">
            <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                <ul class="layui-tab-title">
                    <li class="layui-this">查询结果</li>
                </ul>
                <div class="layui-tab-content">
                    <div class="add-zone">
                        <button class="layui-btn  layui-btn-sm add"><i class="layui-icon">&#xe608;</i> 新增</button>
                    </div>
                    <table id="demo" lay-filter="test"></table>
                    <div class="bottom-wrap">
                        <div id="page" class="page"></div>
                        <button class="layui-btn  layui-btn-sm export"><i class="layui-icon">&#xe601;</i> 导出</button>
                    </div>
                </div>
            </div>  
        </div>
    </div>
</body>
</html>
<script type="text/html" id="barDemo">
<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
<script type="text/html" id="recordTpl">
    <form class="layui-form dialog-wrap" action="" lay-filter="example" id="recordForm">
        <div class="layui-form-item">
            <label class="layui-form-label">台站编号：</label>
            <div class="layui-input-block">
            <input type="text" name="station" {{if $data.fromEdit == 1}}disabled="disabled"{{/if}} placeholder="请输入台站编号" class="layui-input" value="{{$data.station}}">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">台站名称：</label>
            <div class="layui-input-block">
            <input type="text" name="stationname" {{if $data.fromEdit == 1}}disabled="disabled"{{/if}} placeholder="请输入台站名称" class="layui-input" value="{{$data.stationname}}">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">平均气温：</label>
            <div class="layui-input-block">
            <input type="text" name="averageTemperature" placeholder="请输入平均气温" class="layui-input" value="{{$data.averageTemperature}}">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">最高气温：</label>
            <div class="layui-input-block">
            <input type="text" name="max" placeholder="请输入最高气温" class="layui-input" value="{{$data.max}}">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">最低气温：</label>
            <div class="layui-input-block">
            <input type="text" name="min" placeholder="请输入最低气温" class="layui-input" value="{{$data.min}}">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">降水量：</label>
            <div class="layui-input-block">
            <input type="text" name="rain" placeholder="请输入降水量" class="layui-input" value="{{$data.rain}}">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">记录日期：</label>
            <div class="layui-input-block">
            <input type="text" id="tdate" name="tdate" placeholder="请选择记录日期" class="layui-input" readonly value="{{$data.tdate}}">
            </div>
        </div>
    </form>
</script>
<script src="./js/lib/jquery-1.8.3.min.js"></script>
<script src="./js/lib/layui-v2.4.3/layui.all.js"></script>
<script src="./js/lib/template.js"></script>
<script src="./js/common/common.js"></script>
<script src="./js/stationSearch.js"></script>